<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<meta name="description" content="" />
		<meta name="keywords" content="" />

		<link rel="stylesheet" href="cssa/bootstrap.min.css">
		<link rel="stylesheet" href="cssa/animate.min.css">
		<link rel="stylesheet" href="cssa/owl.carousel.min.css">
		<link rel="stylesheet" href="cssa/owl.theme.default.min.css">
		<link rel="stylesheet" href="cssa/jquery.fancybox.min.css">
		<link rel="stylesheet" href="fonts/icomoon/style.css">
		<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
		<link rel="stylesheet" href="cssa/aos.css">
		<link rel="stylesheet" href="cssa/style.css">
		<link rel="stylesheet" href="cssa/indexmeihsi.css" />
	</head>

	<body>
		<iframe src="head.html" width="100%" height="200px"scrolling="no" frameborder="0"></iframe>	
		<div class="site-mobile-menu">
			<div class="site-mobile-menu-header">
				<div class="site-mobile-menu-close">
					<span class="icofont-close js-menu-toggle"></span>
				</div>
			</div>
			<div class="site-mobile-menu-body"></div>
		</div>
		<div class="untree_co-section bg-1">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 text-center text-lg-left" data-aos="fade-up" data-aos-delay="0">
						<div class="heading mb-4">
							<span class="subtitle">请选择你的膳品</span>
							<h3>热门<strong class="text-primary">食品</strong></h3>
						</div>
						<ul class="list-unstyled untree_co-tab-nav js-custom-dots">
							<li class="active">
								<a href="#" class="d-flex align-items-center"> <img src="img/1x/noodles.png" alt="Image" class="img-fluid"> <span>早餐</span></a>
							</li>
							<li>
								<a href="#" class="d-flex align-items-center"> <img src="img/1x/chicken.png" alt="Image" class="img-fluid"> <span>晚餐</span></a>
							</li>
							<li>
								<a href="#" class="d-flex align-items-center"> <img src="img/1x/hotdog.png" alt="Image" class="img-fluid"> <span>午餐</span></a>
							</li>
							<li>
								<a href="#" class="d-flex align-items-center"> <img src="img/1x/drinks.png" alt="Image" class="img-fluid"> <span>饮料</span></a>
							</li>
						</ul>
					</div>
					<div class="col-lg-8 ml-auto" data-aos="fade-up" data-aos-delay="100">

						<div class="owl-single no-dots owl-carousel">

							<div class="item">
								<div class="row align-items-center mb-4">
									<div class="col-6">
										<h2 class="text-black">早餐</h2>
									</div>
									<div class="col-6 text-right number">1/4</div>
								</div>
								<div class="row">
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_1.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">天堂非配饭</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_2.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">鸡排饭</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>

									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_3.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">Fried Potato w/ Garlic</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_4.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">黄金烤面包</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
								</div>
								<!-- /.row -->
							</div>

							<div class="item">
								<div class="row align-items-center mb-4">
									<div class="col-6">
										<h2 class="text-black">午餐</h2>
									</div>
									<div class="col-6 text-right number">2/4</div>
								</div>
								<div class="row">
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_1_b.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">意大利炖土豆</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_2_b.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">苏格兰柠檬番茄</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>

									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_3_b.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">斯格拉蒂</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_4_b.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">宋庆超</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
								</div>
								<!-- /.row -->
							</div>

							<div class="item">
								<div class="row align-items-center mb-4">
									<div class="col-6">
										<h2 class="text-black">晚餐</h2>
									</div>
									<div class="col-6 text-right number">3/4</div>
								</div>
								<div class="row">
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_1.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">随意套餐</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_2.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">随意套餐</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>

									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_1.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">随意套餐</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_2.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">随意套餐</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
								</div>
								<!-- /.row -->
							</div>

							<div class="item">
								<div class="row align-items-center mb-4">
									<div class="col-6">
										<h2 class="text-black">饮料</h2>
									</div>
									<div class="col-6 text-right number">4/4</div>
								</div>
								<div class="row">
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_1_d.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">草莓汁</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-4">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_2_d.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">柠檬水</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>

									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_3_d.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">威士忌</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-6 mb-0">
										<div class="product">
											<a href="#" class="thumbnail"><img src="img/img_4_d.jpg" alt="Image" class="img-fluid"></a>
											<h3><a href="#">挪威森林</a></h3>
											<div class="d-flex">

												<div class="price">￥19.00</div>
											</div>
										</div>
									</div>
								</div>
								<!-- /.row -->
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- /.untree_co-section -->
		<!--<div class="tp">
			<p>好吃甜品</p>
		</div>-->

		<!--<div class="tpt">
			<ul>
				<li href="#">
					<h3><img src="img/1x/dessert_1.png" alt="" /> </h3>
					<span>樱桃松饼</span>
					<div>20元</div>
				</li>
				<li href="#">
					<h3><img src="img/1x/dessert_2.png" alt="" /> </h3>
					<span>玫瑰松饼</span>
					<div>20元</div>
				</li>
				<li href="#">
					<h3><img src="img/1x/dessert_5.png" alt="" /> </h3>
					<span>甜甜圈</span>
					<div>20元</div>
				</li>
				<li href="#">
					<h3><img src="img/1x/dessert_4.png" alt="" /> </h3>
					<span>巧克力蛋糕</span>
					<div>20元</div>
				</li>
			</ul>
		</div>-->

		<div class="pj">
			<div class="left">
         <span>满意的客户</span>
				<p><img src="img/person_1.jpg" alt=""/></p>
        <p>史密斯</p>
        <p>“一条名叫杜登的小河从他们的地方流过，并为它提供了必要的 regelialia。</p>
        <p>这是一个天堂般的国家，句子的烘烤部分会飞进你的嘴里。”</p>
			</div>
			<div class="right">
				<span>满意的客户</span>
				<p><img src="img/person_1.jpg" alt=""/></p>
        <p>史密斯</p>
        <p>“一条名叫杜登的小河从他们的地方流过，并为它提供了必要的 regelialia。</p>
        <p>这是一个天堂般的国家，句子的烘烤部分会飞进你的嘴里。”</p>
			</div>
		</div>

<div class="hd">
	<p class="p1">活动</p>
	<p class="p2">享受<span>我们的活动</span></p>
	<div class="left">
		<img src="img/party_1.jpg" alt="" />
	</div>
	<div class="right">
		<span class="c">￥200</span>
		<p class="b">小型聚会</p>
		<p>遥远的地方，在山这个词的后面，远离Vokalia和Consonantia</p>
		<p>国家，那里住着盲文。他们分开住在书签格罗夫，就在语义学</p>
		<p>的海岸，一个巨大的语言海洋。</p>
		<p class="a">&hearts;快乐</p>
		<p class="a">&hearts;喜悦</p>
		<p class="a">&hearts;开心</p>
	</div>
</div>



		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/jquery.animateNumber.min.js"></script>
		<script src="js/jquery.waypoints.min.js"></script>
		<script src="js/jquery.fancybox.min.js"></script>
		<script src="js/aos.js"></script>
		<script src="js/custom.js"></script>
<iframe src="bottom.html" width="100%" height="200px"scrolling="no" frameborder="0"></iframe>	
	</body>

</html>